<div class="sheet wrap feature-wrap">
  <div class="list-r">
    <div class="top">
      <div class="cat">
        <span>{{sheetParams.cat}}</span>
      </div>
      <nz-radio-group nzButtonStyle="solid" [(ngModel)]="orderValue" (ngModelChange)="onOrderValueChange($event)">
        <label nz-radio-button nzValue="hot">热门</label>
        <!--<label nz-radio-button nzValue="new">最新</label>-->
      </nz-radio-group>
    </div>
    <div class="list">
      <app-song-sheet
        class="sheet-item"
        *ngFor="let item of sheetList?.playlists"
        [sheetItem]="item"
        (onPlay)="playSongSheet($event)"
        (click)="skipToSheetInfo(item.id)"
      ></app-song-sheet>
    </div>
    <nz-pagination
      class="pagination"
      [nzPageSize]="sheetParams.limit"
      [nzPageIndex]="sheetParams.offset"
      [nzTotal]="sheetList?.total"
      (nzPageIndexChange)="onPageChange($event)"
    ></nz-pagination>
  </div>
</div>
